斧叫しに茶咙を极瓢纳裁する

海搀は、斧叫しの黎片に茶咙を极瓢纳裁する数恕を疽拆します。斧叫しの矢机は、H1やH2などのタグで淡揭するのが舍奶ですが、このままでは帽に矢机サイズが恃构されるだけです。ここでは、H1タグやH2タグのCSSを恃构することにより、斧叫しの斧た誊をカスタマイズし、さらに茶咙を极瓢弄に纳裁する数恕を疽拆します。

まずは、斧叫し∈H1タグ∷の黎片に茶咙を山绩するCSSを淡揭します。茶咙の山绩は、秦肥茶咙を回年するプロパティ≈background-image∽で回年できます。稿に鲁くカッコ柒には、山绩する茶咙のファイル叹を淡揭してください。鲁いて、≈background-repeat:no-repeat;∽で茶咙の帆り手しを∪痰し∩に回年し、≈background-position:left top;∽で茶咙がH1タグの焊惧に山绩されるように回年します。これで链てのH1タグの黎片に票じ茶咙を山绩できます。

<STYLE type="text/css">
H1{
background-image:url(midashi1.gif);
background-repeat:no-repeat;
background-position:left top;
}
</STYLE>

H1タグに秦肥茶咙を山绩すると、斧叫しの矢机が秦肥茶咙と脚なってしまいます。これを搀闰するには≈padding-left∽のプロパティを纳裁し、焊娄に努碰な途球を肋けてあげます。さらに、≈font-size∽で矢机サイズ、≈color∽で矢机咖を拇腊すると、斧た誊のよい斧叫し∈H1タグ∷が窗喇します。なお、海搀の毋では≈border-bottom∽も纳裁し、H1タグの布に乐俐も闪茶してみました。

H1{
background-image:url(midashi1.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:35px;
font-size:24pt;
color:#FF0000;
border-bottom:solid 2px #FF0000;
}
</STYLE>

<H1>茶咙つきの斧叫し</H1>
惧の斧叫し∈H1タグ∷は、黎片に茶咙が极瓢纳裁されます。<BR>
この慌寥みを网脱すると、词帽なHTMLで斧た誊に叁しいホ〖ムペ〖ジを侯喇できます。
<BR>

票屯の借妄をH2タグにも回年すると、超霖弄な斧叫しに茶咙を纳裁することも材墙となります。山绩する茶咙ファイル、矢机サイズ、矢机咖などを拇腊して极统にデザインしてみると烫球いでしょう。あとは、舍奶にH1タグやH2タグを淡揭していくだけで、斧た誊の今及が琵办された斧叫しを侯喇できます。

<STYLE type="text/css">
H1{
background-image:url(midashi1.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:35px;
font-size:24pt;
color:#FF0000;
border-bottom:solid 2px #FF0000;
}
H2{
background-image:url(midashi2.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:26px;
font-size:18pt;
color:#FF9966;
}
</STYLE>

<H1>茶咙つきの斧叫し</H1>
惧の斧叫し∈H1タグ∷は、黎片に茶咙が极瓢纳裁されます。<BR>
この慌寥みを网脱すると、词帽なHTMLで斧た誊に叁しいホ〖ムペ〖ジを侯喇できます。
<BR>
<H2>レベル2の斧叫し</H2>
H2タグにもスタイルシ〖トを回年することにより、<BR>
このように超霖弄な茶咙烧き斧叫しを侯喇することも材墙です。<BR>

G億僀儞僩億僀妶丂Amazon Yahoo 妝揤

柍椏儂乕儉儁乕僕妝揤儌僶僀儖[UNLIMIT偑崱側傜1墌] 奀奜奿埨峲嬻寯奀奜椃峴曐尟偑柍椏両